.s-letters a:hover, a.selected {   color: #2bb7b3 !important; }  
.zmshowhide {   display: none; }  
.zmshowhide_165, .zmshowhide_166, .zmshowhide_167 {   display: inline-block; }


.ft-menu ul { margin-top: 15px;margin-right: 20px; }
.ft-menu p b { font-size: .24rem; margin-bottom: 15px; min-width: 352px;  display: block;}

.ft-menu ul li { width: calc( calc(100%  - 50px) / 2 );	float: left; margin-bottom: 15px;  margin-right: 30px;}
.ft-menu ul li:nth-child(2n) { margin-right: 0; }

.ft-menu ul li a {
	display: block;
	width: 100%;
	color: #fff ;
	font-size: .2rem;
	border-bottom: 2px transparent solid;
	transition: all .35s;
}

.ft-menu ul li:hover a {border-color: #f7a700;text-decoration: none;	transition: all .35s;}

.ft-wechart,
.ft-wechart p { width: 140px;  text-align: center; }
	
.qq-group {	
	position: fixed;
	right: 0;	
	bottom: 30vh;	
	z-index: 55;
	background-color: #2bb7b3;
	color: #fff;
	padding: 25px;
	max-width: 190px;
}

.qq-group h3 { 
	    font-size: 15px;
	    margin-bottom: 20px;
	    font-weight: bold;
	    padding-left: 40px;
	    background-image: url(/static/site/img/icon/QQ.png);
	    background-repeat: no-repeat;
	    background-position: left center;
	    background-size: auto 88%;
    line-height: 1.35;
}
.qq-group ul { padding: 0; }
.qq-group ul a { 
	display: block;
	padding: 6px 0;
	color: #fff; 
	font-size: 16px; 
	text-align: center;
}



@media  screen and (min-width:2040px) {
	.menu ul li a { font-size: .2rem; }
	#news .swiper, #notice .swiper {   height: 53vh; }
	.container {  width: 76%;}
	.others .w_50 {  height: 5.5rem; }

	.caurse .desc p, .btn_group, .tool_bar ul a, .searchbox input.keywords, 
	.page_load p, .news_detail_date, sup, sub, .btn_search, #banner button.btn_more ,
	button.btn_more, dl.news_item dd .desc p, .news-date, .btn_more, .btn_video, 
	.contact-info ul li span, #dean .swiper-slide .desc p, .search_result_num, 
	.cards_item .desc p, .content table tr td, .content table tr td p {   font-size: 18px;	}

	#news .swiper-slide .news_tittle a { font-size: 24px;	}
	.cards_tittle, .box_why .desc p {   font-size: 28px; }
	.mode-title big, .h1, .mode-title big, .cotittle big {  font-size: 60px;}

}

@media screen and (max-width: 1920px) {

	.cards ul li a, .cards_item a {  padding: 0.35rem 0.15rem 0.35rem 0.14rem; }
   .paddingtop_80 { padding-top: 0;  margin-top: 0;}

}


@media screen and (max-width: 1680px) {
   dl.news_item dd .desc p  {-webkit-line-clamp: 3; }
   .container {  width: 89%;     }
   .headtop .container { height: 82px; margin: auto; }
   .menu ul li p a  { font-size: 16px !important; }
   
   .menu ul li a,
	.page a, 
	p, 
   .content table tr td *, 
   .t-img i, 
   .dean_img i, 
   .job_list h3.job_tittle a, 
   .job_list h3.job_tittle span {  font-size: 16px;  /* letter-spacing: 1px;*/ }
   
   button.btn_more, 
   dl.news_item dd .desc p, 
   .news-date, .btn_more, 
   .btn_video, 
   .contact-info ul li span, 
   #dean .swiper-slide .desc p, 
   .search_result_num, .cards_item .desc p { font-size: 16px;  }
   .info-en p { font-size: 18px; }

   .others .w_50 {  height: 488px; }
}


@media  screen and (max-width: 1440px)  {
	.container {  width: 89%; }
	.menu ul li a, 
	.page a, p, 
	.content table tr td *, 
	.t-img i, 
	.dean_img i, 
	.job_list h3.job_tittle a, 
	.job_list h3.job_tittle span {  font-size: 16px;  letter-spacing: 0; }
	
	
	button.btn_more, 
	dl.news_item dd .desc p, 
	.news-date, .btn_more, 
	.btn_video, 
	.contact-info ul li span, 
	#dean .swiper-slide .desc p, 
	.search_result_num, .cards_item .desc p {  font-size: 16px;	}
	
	.news_tittle a,
	.notice_bt, 
	.ft-menu ul li a, 
	.ft_info p, 
	.left-nav ul li p, 
	.item_bt, .t-name, 
	.content table tr td:nth-child(1) p, 
	.content table tr td:nth-child(1), 
	.team_info b, 
	.team_info strong,
	h3.mode-tittle, .dean_zhiwei { font-size: 18px;	}
	
	.news_tittle { margin-bottom: 15px;  transition: all .35s;	}
	
	.cards_tittle, .box_why .desc p {  font-size: 21px; }
	
	.box_why .desc { margin-bottom: 44px;	}
	
	.outlinks ul li a img { height: 50px; }
	#MyMap {  border: none;  height: 116px; outline: none;	}

	.info-en p { font-size: 16px; } 


	
}


@media  screen  and (min-width:1200px) and (max-width:1380px)  {
	dl.news_item dd .desc { height: auto; -webkit-line-clamp: 4; }
	.caurse .desc { -webkit-line-clamp: 4; }
	.menu ul li {     padding-left: 0.2rem;  }
	.box_why .desc p {   font-size: 19px;}
	.tool_bar, .menu { padding-left: 0;  }
	 
}


@media screen and (max-width:1268px) {
   .menu ul li p a { padding-top: 7px; font-size: 15px; } 
   /*.logo {  width: 43%; }*/
   .menu ul li {     padding-left: 0.18rem;  }
   .tool_bar, .menu { padding-left: 0;  }
}


 




@media  screen  and (max-width:1068px) {
	
	.pc { display: none; }
	.container { width: 96%;  }
	.mode {padding: 35px 0; }
	
	.copyright p,
	.page_load p ,
	.btn_more, .btn_video ,	
	.news-date ,
	.t-zhiwei,
	.news_detail_date { font-size: 14px; }
	
	p ,	
	ol.child a,
	.ft-menu ul li a,
	.ft_info p ,
	.ft_info p b, 
	.notice_bt ,
	.cards_item .desc p,
	.news_tittle a,	
	.job_list h3.job_tittle span,
	.major_list ul li .desc p,
	.major_list ul li button,
	.content table tr td * ,
	.contact-info ul li span ,
	.right-content .item .content p,
	.reference ,
	.search_result input { font-size: 16px; }
	
	
	.ft_map p b ,
	.item_bt,
	.right-content .item .content ,
	.t-name,
	.job_list h3.job_tittle a ,
	.content table tr td:nth-child(1) *,
	
	.ft-menu p b ,	
	.news-info p, 
	.major_info p,
	.contact-info ul li p,
	.faq_list dl dt h3 ,
	.dean_zhiwei,
	.btn_download span { font-size: 18px;  }
	
	.cards_tittle,
	.team_info b, 
	.team_info strong, 
	h3.mode-tittle ,
	.content table tr.firstRow td ,
	.content table tr.firstRow td p, 
	.content table tr.firstRow td:nth-child(1) p ,
	.projectlist li h3 a  { font-size: 20px !important; }
	
	.dean_name { font-size: 22px; }
	
	.mode-title ,
	.cotittle h3 ,
	.major_list ul li h1 ,
	.news_detail_tittle ,
	.contact-info h3 { font-size: 24px; }
	
	 
	h3.v-tittle, .cotittle h3, 
	.contact-info h3, .dean_name {   font-size: 24px;	}
	
	#banner .swiper-slide .container { padding-bottom: 20px; }
	#banner .swiper-slide h2 { font-size: 18px;  }
	
	.cotittle i { margin-top: 15px; }
	.cotittle { margin-bottom: 30px; }
	
	ol.child {  padding-left: 40px; }
	.mode-title  { margin-bottom: 33px; }

	.mode-title big, .h1 ,
	.mode-title big, .cotittle big {  font-size: 28px;	}
	.mode-title span, .cotittle h3 span { font-size: 20px; }
	dl.news_item dd { display: block; position: relative; }
	
	.phone,
	.menu-switch { display: block; }
	
	.paddingtop_80 {   padding-top: 0;  margin-top: 35px !important;	}

	/* headtop */
	.headtop{ padding: 13px 0; } 
	.headtop .container { height: auto; width: 96%; }

	.logo {  height: 39px; width: 80%; border:none; }	
	.logo img { width: auto; height: 100%; }

	a.btn_apply,
	a.btn_lanuge { width: auto; height: 35px; line-height: 34px;  font-size: 16px;  padding: 0 18px; margin-right: 15px; }
	a.btn_lanuge{ width:  35px; padding: 0; background-color: #2bb7b3; }
	
	.searchbox {
		width: 92%;
		float: none;
		border: 1px #fff solid;
		height: 39px;
		margin-top: 0;
		overflow: hidden;
		position: absolute;
		bottom: 72px;		
	}	

	.searchbox input.keywords { height: 39px; color: #fff; font-size: 14px;}
	.searchbox input.keywords::-webkit-input-placeholder {  color: #fff; }	
	.btn_search { height: 39px; width: 39px;right: -2px; top: -2px;  }

	.w_34 { width:calc(100% - 30px); padding:0; bottom: -33px;}

	.left-nav,
	.right-content ,
	.team_detail .w_30 ,
	.team_detail .w_70,
	.contact-info ,
	.contact iframe, 
	.lxwmimg { width: 100%; float: none; }
	

	/* innerban */
	.innerban { height: 160px; margin-bottom: 39px;  }
	.page_position { width:50% ;  padding: 20px; background-color: rgba(15,55,59,.9); }
	.page_position h1 { font-size: 22px; }
	.page_position i.shortline { margin-bottom: 15px; }	
	.page_load {  padding: 5px 20px; color: #fff; } 
	
	
	/* left-nav */
	.left-nav ul li { padding: 0 20px;  }
	.left-nav ul li p { padding: 0 10px; font-size: 18px; }
	.left-nav ul li p a { padding: 15px 0; padding-right: 15px; }
	
	
	/* foot */
	.foot { margin-top: 100px; }
	.foot .container { padding-top: 50px; padding-right: 25%;	}
	.ft-menu ul li {   width: calc( calc(100% - 50px) / 2 ); }
	.ft_info {  margin-left: 0;  margin-top: 25px;	}
	.ft_info p { position: relative; padding-left: 75px; }
	.ft_info p b { position: absolute;  left: 0; }
	.copyright { margin-top: 15px; }
	.copyright p { text-align: left;  line-height: 1.5; }	 
	
	/* foot-end */
	 
	.table_scroll {  overflow-x: scroll;}
	#v-windows video { width: 100%; }
	
	/* head-end */

	/* home */
	#banner { 
		padding-bottom: 35px;
		height: auto;
		background-color: #f2f0f0;
	}
	.mySwiper {  width: 100%;  height: 36vh;	}
	#banner .swiper-button-next, #banner .swiper-button-prev {
	    width: 50px;
	    height: 50px;
	   /* background-color: rgba(0,0,0,.35); */
		top: 35%;
	}
	
	#banner .swiper-button-next:after, 
	#banner .swiper-button-prev:after { font-size: 22px; }
	
	.banbox {
	    width: 99%;
	    height: auto;
	    padding: 25px;
	    position: relative;
	    z-index: 5;
		margin: 0;
	    margin-top: -40px;
		
	}
	
	.msg_overview { height: 470px; }
	
	.banbox .swiper-slide h2 a { font-size: 18px; }
	.banbox .swiper-slide .btn_more { margin-top: 10px; display: none !important; }
	
	.w_70 ,.w_30 ,
	.w_50 { width: 100%; float: none; margin-right: 0; margin-bottom: 35px; }
	
	
	.newsbox { padding-top: 0 !important; }
	
	#news .swiper ,
	.boxlink { height: auto; min-height: unset; }
	#news .swiper-slide dl.news_item dd { position: relative; }

	dl.news_item dt { border-width: 0; }
	dl.news_item dd,
	#news .swiper-slide dl.news_item dd   { padding: 20px; }
	dl.news_item dd .desc { display: none; }	 
	
	.notice_bt { font-weight: bold; }
	
	.swiper-pagination-news { width: 50% !important; left: auto !important; top: 5px; }
	
	#notice .swiper { /*height: 450px;*/ height: auto; } 
	#notice .swiper-wrapper { display: block;  }
	#notice .swiper-slide {  height: calc(450px / 4); padding: 25px 20px; }
	
	

	
	.boxwhy { padding: 0; }
	.study { padding-top: 50px; }
	
	.box_why { margin-bottom: 60px; }
	.box_why .h1 { font-size: 24px; margin-bottom: 25px; }
	.box_why .desc {  margin-bottom: 35px;	}
	.box_why .desc p { font-size: 16px; margin-bottom: 0px; line-height: 1.35;  }
	
	.cards ul { display: block;  }
	.cards ul li {
	   /* width: calc( calc(100% - 18px) / 2); */
	    width: 100%;
	    float: left;
	    margin-right: 15px;
	    background-color: #fff;
	    height: auto;
		box-shadow: 0 0 15px rgba(0,0,0,.06);
		margin-bottom: 15px;
	}
	
	.cards ul li:nth-child(2n) { margin-right: 0; }
	
	.cards ul li a, .cards_item a { padding: 35px 20px; }
	
	.xc-video ,.caurse{ margin-bottom: 15px; }
	
	.xc-video { height: auto; padding: 0; /* height: 0px; padding-top: 56%; */ }
	
	.xc-video a {  display: block;   position: relative;  top: 0;  padding: 20px; }
	.info-en p { font-size: 16px; }
	
	.cards_item .icon { height: 92px; }
	
	
	h3.v-tittle { font-size: 20px; margin-bottom: 18px; }
	
	
	.caurse dl dt a img { height: 100%; }
	.caurse dl dd {  padding: 15px;	}
	.caurse dl dd a { display: flex; justify-content: center; align-items: center; flex-flow: column; }
	.caurse dl:nth-child(2) h3 { display: none !important; }
	.caurse dl:nth-child(2) dd .btn_video { 
		padding: 4px 20px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.35;
		border: none !important;
		text-align: center !important;
	}
	
	.caurse .desc { display: none; }
	.caurse_tittle { -webkit-line-clamp: 4; font-size: 20px;     text-align: center; margin: 0; }
	
	#v-windows video { width: 100%; }
	
	.outlinks ul li { width: calc(100% / 2); height: 55px;}	
	.outlinks ul li:nth-child(3n)  { border-right: 1px #dadada solid; }
	.outlinks ul li a img {  height: 25px; }
	
	
	#news .swiper-slide .btn_more { position: static; margin-top: 5px; }
	
	#mechine { height: auto; }
	#mechine .swiper-wrapper { display: block; }
	.e-name { height: auto; }
	.w_30 a.btn_more.deepgreen.change.phone  {
		display: block;
	    max-width: 125px;
	    text-align: center;
	    margin: auto;
	    margin-top: 40px;
	}
	

	.others .w_50 { height: auto;  }
	.caurse dl { height: calc(81vw / 2); }
	/* home-end */
	


	/* dean */
	.dean_zhiwei { margin-bottom: 15px; }

	.dean_msg { width: 100%; padding: 0; }
	.dean_img { width: 100%; min-height: 177px; position: relative; z-index: 1; margin-bottom: 25px; }
	.dean_img a { width: 42%; }
	.dean_img a.btn_more { 	width: auto; height: auto; text-align: center; font-size: 16px; position: absolute; bottom: 10px;	}
	.dean_img .phone { width: 58%; height: 100%; position: absolute; left: 42%; top: 0; padding: 20px; }
	
	#dean .swiper-slide .desc p { font-size: 16px; }	
	#dean .btns_changes {  top: -77px;  display: block;	}
	.msg_overview { height: 470px; font-size: 16px; }
	/* dean-end */


	/* teamlist */
	.t-img { height: 200px; }
    .teamlist ul li { width: calc(( 100% - 15px) / 2); float: left;}
	.teamlist ul li:nth-child(2n) { margin-right: 0;}

	.team_detail { height: auto;  }
	.team_detail dl {  width: 100%; height: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; }
	.team_detail dl dt { width: 45% ; }
	.team_detail dl dd { width: 55%; padding: 20px; }
	.team_detail .t-img {  height: 198px;  margin-bottom: 0; }
	.team_detail .w_70 { padding: 20px;  }
	.team_detail .w_70 hr.whiteline { display: none;  } 
	/* teamlist-end */
	

	/* 常见问题 */
	.faq_list dl dt {  padding: 20px;  }
	.faq_list dl dd { padding: 20px; padding-left: 45px; }


	/* .contact & 搜索结果页 */
	.contact { width: 100%;height: auto; }
	.searchBanner { height: 160px; margin-bottom: 35px; }
	.searchBanner .search_result { width: 78%; height: 40px; }
	.search_result .btn_search { width: 35px; height: 35px; }  
	
	.search_result_num { font-size: 18px; } 

	/* 2024-09-05 */

	.noticelist ul li a { padding-left: 35%;  }
	.noticelist ul li p.news-date { width: 21%; font-size: 16px; }

	.ft-menu ,
	.copyright { display: block;  }
	.ft-menu p b {  font-size: 20px; } 
	.ft-menu ul { margin-right: 0; }
	.ft-menu ul li { float: none; width: 100%;  }
	.txt-float-right {  float: none; }
	#banner button.btn_more { display: none;  }
	.ft-wechart { 
		display: flex;
	    align-items: end;
	    width: 100%;
	    justify-content: flex-start;
	    text-align: left;
	    margin-top: 50px;
	}

	.ft-wechart img { width: 44%;  margin-right: 15px; }

	
	.page ul { display: flex; justify-content: space-between;  }
	.pageNext a { display: none;  }
	.pageNext .prev, .pageNext .next {    
		display: block;
	    line-height: unset;
	    padding: 6px 16px;
	    max-width: 50%;
	    width: 50%;
	}


	/* 2024-09-05 视频列表 */
	.li-line-2 ul li { width: 100%; float: none; margin-right: 0; }
	
	dl.videos-from-banner  { height: auto; }
	dl.videos-from-banner dt { width: 100%; text-align: center; padding: 20px; }
	dl.videos-from-banner dt .btn-video { position: relative; }
	dl.videos-from-banner dt h3 {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.35;
		margin-bottom: 10px;
	}
	dl.videos-from-banner dd { display: none; }

	
}




@media only screen and   ( min-device-width : 768px) and   ( max-device-width : 1068px) {
	
	.cards ul li {  width: calc( calc(100% - 18px) / 2); } 
	.cards ul li a, 
	.cards_item a { padding: 55px 20px;	}

	.sm_panel { left: unset;right: 0;width: 37%; }
	
	.cards_tittle, 
	.team_info b, 
	.team_info strong, 
	h3.mode-tittle, 
	.content table tr.firstRow td, 
	.content table tr.firstRow td p, 
	.content table tr.firstRow td:nth-child(1) p, 
	.projectlist li h3 a {  font-size: 28px !important;	}
	
	.faq_list dl dt h3,.contact-info ul li p { font-size: 21px; }
	
	p, ol.child a, 
	.ft-menu ul li a, 
	.ft_info p, 
	.cards_item .desc p, 
	.news_tittle a, 
	.job_list h3.job_tittle span, 
	.major_list ul li .desc p, 
	.major_list ul li button, 
	.content table tr td *, 
	.contact-info ul li span, 
	.right-content .item .content p,
	.page a {  font-size: 18px;	}
	
	.box_why .desc p ,
	.notice_bt { font-size: 20px; }
	
	.copyright p, .page_load p, .btn_more, .btn_video, .news-date, .t-zhiwei, .news_detail_date {  font-size: 16px;	}
	
	.mode-title, .cotittle h3, .major_list ul li h1, .news_detail_tittle, .contact-info h3 {  font-size: 30px;	}
	
	#notice .swiper {  height: 470px;	}
	#notice .swiper-slide { margin-bottom: 5px; }

	.searchbox ,
	.searchbox input.keywords { height: 50px; font-size: 18px;  }	
	.btn_search { width: 48px; height: 48px; top:1px ; }
	
	a.btn_apply {     line-height: 35px; }
	a.btn_lanuge {     line-height: 39px; }

	.left-nav {  padding-bottom: 42px;  }
	/*.left-nav ul li { display: inline-block;  }*/

	.caurse dl { height: 236px; } 
	.caurse dl dd a ,
	.caurse .desc { display: block;	}
	.caurse dl:nth-child(2) h3 { display: none !important; }
	.caurse dl:nth-child(2)l dd .btn_video { padding: 4px 19px; border: none !important; text-align: center !important; }
	
	 
	.caurse_tittle {
	    -webkit-line-clamp: 1;
	    font-size: 26px;
	    text-align: left;
	    margin: 0;
	    margin-bottom: 10px;
	}
	
	.caurse .desc p {
	    line-height: 1.5;
	    text-align: left;
	    font-size: 18px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
	
	h3.v-tittle {  font-size: 46px;  margin-bottom: 20px;  line-height: 1;	}
	.box_why .h1 { font-size: 40px; }
	
	.outlinks ul li {  width: calc(100% / 2);  height: 100px;	}
	.outlinks ul li a img { height: 42px;	}
	
	.teamlist ul li,
	.teamlist ul li:nth-child(2n) {
	    width: calc(( 100% - 30px) / 3);
	    float: left;
		margin-right: 15px;
	}
	
	.t-img {  height: 295px; }
	
	.teamlist ul li:nth-child(3n) { margin-right: 0; }
	

	#mechine {   height: auto;	}
	#mechine .swiper-slide {
	    text-align: center;
	    font-size: 18px;
	    background: #fff;
	    width: calc((100% - 30px) / 2);
	    height: calc((100% - 30px) / 2);
	    margin-right: 30px;
	    float: left;
	}	
	#mechine .swiper-slide:nth-child(2n) { margin-right: 0px; margin-top: 0 !important; }

	.w_34 { width: calc(100% - 30px); }
 
	
	.contact iframe { height: 360px; }	 


	/* home */
	.cards ul {  display: flex;  flex-flow: row wrap;}

	
	/* dean */
	.dean_msg {
	    width: 100%;
	    padding: 0;
	    display: flex;
	    justify-content: flex-start;
	    align-content: center;
	    
	}

	.dean_img { width: 30%; margin-right: 5%; }
	.dean_img a { width: 100%;  overflow: hidden; }
	.dean_img .phone { display:none;  }

	.dean_info {  width: 62%; }
	.dean_info .pc { display: block !important;  } 
	.msg_overview {  height: 298px;}
	
	.team_detail { height: 460px; }
	.team_detail .w_30 {width: 30%; float: left;}
	.team_detail .w_30 dl {  height: 100%; display: block; }
	.team_detail .w_30 dl dt {  width: 100%; height: 78%; }
	.team_detail .w_30 dl dt .t-img { height: 100%;  }
	.team_detail .w_30 dl dd {  display: block; width: 100%;  height: 22%;  padding: 20px; }}
	.team_detail .w_70 {width: 70%; float: left;}

	.contact { display: flex; justify-content: center; align-content: center; align-items: center;  }
	.contact .contact-info { width: 44%;  }
	.contact .lxwmimg { width: 54%;  }




}



@media screen and ( width:768px )     {
 
	.contact { display: block !important;  }
	.contact .contact-info { width: 100%;  }
	.contact .lxwmimg { width: 100%;  }
	.contact-info { padding: 24px 35px;  } 

	.mySwiper {  width: 100%; height:396px; }
	.caurse dl {  height: calc(435px / 2);  }
	.searchbox { bottom: 90px; }
	.innerban {
	    height: 215px;
	    margin-bottom: 39px;
	}
	 
	.sm_panel { padding-top: 15px; }

	
	.team_detail, .team_detail dl {  height: 480px;	}
	.team_detail .w_30  { float: left; width: 30%; height: 100%; }
	.team_detail .w_70 { float: left; width: 70%; height: 100%; padding: 25px; background-color: #003f43; }
	.team_detail .w_70 p { color:#fff ; }
	
	#mechine { height: 519px; }
	#mechine .swiper-wrapper { display: flex; flex-wrap: wrap; }
	#mechine .swiper-slide { float: none;	} 
	 
	
}
 